<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    
</head>
<body>
    <button id="btn">我是一个按钮</button>

    <script type="text/javascript">
        /*
        事件就是事情，所有的操作性的都是事件，用户和浏览器之间的交互行为
        
        事件发生后就需要处理事件
        处理事件：
            我们可以再事件对应的属性中设置一些js代码
            这样出发时js内的代码就会执行
        */

        /*
        可以为按钮的对应事件绑定处理函数的形式来响应事件
            当事件触发时执行,响应函数就是响应事件的
        */
        //获取事件
        var btn = document.getElementById("btn");

        //绑定一个单击事件
        btn.onclick = function(){
            alert("你还钱");
        };

    </script>
</body>
</html>